<template>
	<view>
		<u-navbar title="研发费用加计扣除条件及政策匹配" :titleStyle="{'left':0}"></u-navbar>

		<view class="roundcenter">
			<view class="round">
				<view class="avatar">
					<image src="@/static/img/logox.png"></image>
				</view>
			</view>
			<view class="formcontent">
				<u-form :model="form" ref="uForm">
					<u-form-item label="您的企业是否为制造业企业" prop="zz" required label-width="140" border-bottom
						:label-position="'top'">
						<u-radio-group v-model="form.zz">
							<u-radio active-color="#ffc92a" :name="1">
								是
							</u-radio>
							<u-radio active-color="#ffc92a" :name="0">
								否
							</u-radio>

						</u-radio-group>
					</u-form-item>
					<u-form-item label="您的企业是否为科技型中小企业" prop="zx" required label-width="140" border-bottom
						:label-position="'top'">
						<u-radio-group v-model="form.zx">
							<u-radio active-color="#ffc92a" :name="1">
								是
							</u-radio>
							<u-radio active-color="#ffc92a" :name="0">
								否
							</u-radio>

						</u-radio-group>
					</u-form-item>
					<u-form-item label="您的企业是否为高新技术企业" prop="gx" required label-width="140" border-bottom
						:label-position="'top'">
						<u-radio-group v-model="form.gx">
							<u-radio active-color="#ffc92a" :name="1">
								是
							</u-radio>
							<u-radio active-color="#ffc92a" :name="0">
								否
							</u-radio>

						</u-radio-group>
					</u-form-item>
					<u-form-item label="您的企业是否为除制造业、科技型中小企业以外的会计核算健全、实行查账征收并能够准确归集研发费用的居民企业" prop="leixing" required
						label-width="140" border-bottom :label-position="'top'">
						<u-radio-group v-model="form.qt">
							<u-radio active-color="#ffc92a" :name="1">
								是
							</u-radio>
							<u-radio active-color="#ffc92a" :name="0">
								否
							</u-radio>

						</u-radio-group>
					</u-form-item>

					<u-form-item label="会计核算健全、实行查账征收并能够准确归集研发费用的居民企业" prop="shifouchaoguo" required label-width="140"
						border-bottom :label-position="'top'">
						<u-radio-group v-model="form.shifouchaoguo">

							<u-radio active-color="#ffc92a" :name="1">
								是
							</u-radio>

							<u-radio active-color="#ffc92a" :name="0">
								否
							</u-radio>
						</u-radio-group>
					</u-form-item>

					<!-- <u-form-item label="年龄阶段" prop="age" required label-width="140" border-bottom>
						<u-input v-model="form.age" placeholder="请输入年龄" />
					</u-form-item>
					<u-form-item label="联系方式" prop="tel" len="11" required label-width="140" border-bottom>
						<u-input v-model="form.tel" placeholder="请输入联系方式" />
					</u-form-item> -->
				</u-form>
			</view>
		</view>
		<view class="organization combg" v-if="!keyongyouhui">
			<!-- 			<view class="organizationtitle">
				<image src="../img/organ.png"></image>
				<text>测评机构</text>
			</view> -->
			<view class="savebutton" @click="submit">开始匹配</view>
			<!-- 			<navigator url="/pages/questions/questions" open-type="navigate">
				
			</navigator> -->
		</view>
		<view class="organization combg" v-if="keyongyouhui">
			<view style="font-size: 32rpx;" class="text-bold">【研发加计扣除具体政策】</view>
			<view style="font-size: 24rpx;margin: 20rpx 0;">
				<view class="text-bold">1、 制造业企业</view>
				自2021年1月1日起，制造业企业开展研发活动中实际发生的研发费用，未形成无形资产计入当期损益的，在按规定据实扣除的基础上，自2021年1月1日起，再按照实际发生额的100%在税前加计扣除；形成无形资产的，自2021年1月1日起，按照无形资产成本的200%在税前摊销。
			</view>
			<view style="font-size: 24rpx;">
				<view class="text-bold">2、 科技型中小企业</view>
				自2022年1月1日起，科技型中小企业开展研发活动中实际发生的研发费用，未形成无形资产计入当期损益的，在按规定据实扣除的基础上，自2022年1月1日起，再按照实际发生额的100%在税前加计扣除；形成无形资产的，自2022年1月1日起，按照无形资产成本的200%在税前摊销
			</view>

			<view style="font-size: 24rpx;margin: 20rpx 0;">
				<view class="text-bold">3、 高新技术企业</view>
				高新技术企业在2022年10月1日至2022年12月31日期间新购置的设备、器具，允许当年一次性全额在计算应纳税所得额时扣除，并允许在税前实行100%加计扣除。

			</view>
			<view style="font-size: 24rpx;margin: 20rpx 0;">
				<view class="text-bold">4、 除制造业、科技型中小企业以外的会计核算健全、实行查账征收并能够准确归集研发费用的居民企业</view>
				现行适用研发费用税前加计扣除比例75%的企业，在2022年10月1日至2022年12月31日期间，税前加计扣除比例提高至100%。

			</view>
			<view style="font-size: 24rpx;margin: 20rpx 0;">
				<view class="text-bold">5、 会计核算健全、实行查账征收并能够准确归集研发费用的居民企业（委托境外研发费用加计扣除主体）</view>
				委托境外进行研发活动所发生的费用，按照费用实际发生额的80%计入委托方的委托境外研发费用。委托境外研发费用不超过境内符合条件的研发费用三分之二的部分，可以按规定在企业所得税前加计扣除。


			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyongyouhui: false,
				form: {
					leixing: null,
					jinzhi: null,
					sex: '',
					shifouchaoguo: null,
					renshu: null,
					renshu: null,
					zczonge: null
				},
				sexList: [{
						name: '增值税小规模纳税人',
						disabled: false
					},
					{
						name: '个体工商户',
						disabled: false
					},
					{
						name: '小型微利企业',
						disabled: false
					}
				],
				rules: {
					name: [{
						required: true,
						message: '请输入企业名称',
						trigger: ['change', 'blur']
					}],
					sex: [{
						required: true,
						message: '请选择企业类型',
						trigger: ['change', 'blur']
					}],
					jieduan: [{
						required: true,
						message: '请选择企业发展阶段',
						trigger: ['change', 'blur']
					}],
					shijian: [{
						required: true,
						message: '请选择企业成立时间',
						trigger: ['change', 'blur']
					}],
					guimo: [{
						required: true,
						message: '请选择企业规模大小',
						trigger: ['change', 'blur']
					}],
				}
			}
		},
		methods: {
			towebview(url) {
				uni.navigateTo({
					url: "/pages/tabbar/home/web-view?src=" + url
				})
			},
			submit() {
				console.log("submit************")
				this.$refs.uForm.validate(valid => {
					if (valid) {
						let form = this.form;
						let yescount = 0;
						for (let i in form) {
							if (i !== 'sex' && form[i]) {
								yescount++;
							}
						}
						if (yescount ==0) {
							this.keyongyouhui = false;
							uni.showModal({
								title: "错误",
								content: "不能享受增值税期末留抵退税"
							})
							return;
						}
						uni.showModal({
							title: "成功",
							content: "您的企业满足政策享受条件，点击确认查看政策",
							showCancel: false,
							success: () => {
								this.keyongyouhui = true;
							}
						})
					} else {
						console.log('验证失败');
					}
				});
			}
		},
		onReady() {
			this.$refs.uForm.setRules(this.rules);
		}
	}
</script>

<style scoped>
	page {
		background-color: #3f48cc;
	}

	.roundcenter {
		width: 686rpx;
		margin: 60rpx auto 0 auto;
		background: #fff;
		box-shadow: 0 40rpx 0 -22rpx rgb(63 72 204 / 23%), 0 -9px 0 0 rgb(63 72 204 / 14%) inset;
		border-radius: 50rpx;
		padding-bottom: 40rpx;
	}

	.round {
		width: 100%;
		height: 124rpx;
		background: url(../img/roundbg.png) no-repeat 50%/100%;
	}

	.avatar {
		width: 125rpx;
		height: 135rpx;
		border-radius: 50%;
		box-shadow: 0 -9rpx 0 0 rgb(105 100 87 / 14%) inset;
		margin: auto;
	}

	.avatar image {
		width: 125rpx;
		height: 125rpx;
	}

	.formcontent {
		padding: 40rpx;
	}

	.formcontent .label-text span {
		font-size: 26rpx;
	}

	.organization .organizationtitle image {
		width: 32rpx;
		height: 30rpx;
		vertical-align: middle;
		margin-right: 10rpx;
	}

	.organization .organizationtitle text {
		font-size: 28rpx;
		vertical-align: middle;
		color: #857f77;
	}

	.savebutton {
		width: 622rpx;
		line-height: 90rpx;
		color: #fff;
		font-size: 32rpx;
		font-weight: 700;
		/* margin: 70rpx auto; */
		text-align: center;
		background: url(../img/savebtn.png) no-repeat 50%/100%;
	}
</style>
